<template>
  <div class="audition22">
    <p>区别</p>
    <p><br></p>
    <p>1. 计算属性是在调用时把数据渲染到模板中，用于修改所依赖的原数据</p>
    <p>当原数据发生变化时，会调用watch中的方法</p>
    <p>2. 计算属性默认深度依赖，watch默认浅度监测</p>
    <p>3. 计算属性适合做筛选，不可异步；watch适合做执行异步或开销较大的操作。</p>
    <p><br></p>
    <p>应用</p>
    <p>1. 两者都能实现的，就用computed</p>
    <p>2. 需要异步执行或者开销较大的操作，就用watch</p>
  </div>
</template>

<script>
export default {
  name: 'Audition22'
}
</script>

<style>

</style>